/**
* @stylesheet Swatches
* @parent style.baseline-elements

* @description
* Styles used to lay out the grids of swatches for documentation purposes.
**/

.swatches-list {
  list-style: none;
  margin: 10px;
}

.swatches-list li {
  width: 20%;
  float: left;
  height: 100px;
  text-align: center;
  margin: 1px;
}

.swatch-color {
  width: 100%;
  height: 50px;
  display: block;
  margin-bottom: 5px;
}